<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HLS Stream</title>
    <link href="https://vjs.zencdn.net/7.10.2/video-js.css" rel="stylesheet"/>
    <script src="https://vjs.zencdn.net/7.10.2/video.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/videojs-contrib-hls@5.14.1/dist/videojs-contrib-hls.min.js"></script>
</head>
<body>
<video id="my-video" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264">
    <source src="http://127.0.0.1:8080/live/SSRC-30000.m3u8?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwYXNzd29yZCI6IjEyMzQ1NiIsImV4cCI6MTc0NTkyMjczMCwidXNlck5hbWUiOiJhZG1pbiJ9.AuIMzpLg0wScrV5m1DqefM75up9D84j99b7TibARcbA"
            type="application/x-mpegURL"/>
</video>

<script>
    var player = videojs('my-video');
</script>
</body>